<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/react.development.js"></script>
    <script src="./lib/react-dom.development.js"></script>
</head>
<body>
<div id="root"></div>
</body>
<script>
    // 1- 当你在浏览器中输入一个网址，按下回车，会发生什么？
    //    1-1 根据域名找IP,IP即是服务器，根据端口号找到具体的服务。（浏览器向服务端发起请求，请求报文）
    //    1-2 服务端会给予前端响应（响应报文）
    //    1-3 浏览器得到服务端的响应信息后会将其进行渲染。
    //    1-4 页面当中一般会有CSS,JS,html,在渲染的过程中往往会去加载JS,jS有可能会对HTML结构进行重排重绘。
    //  元素.style.width=100 元素.style.height=200

    // 2- 如何提升效率：虚拟DOM
    // 3- 什么是虚拟DOM
    //    3-1- 虚拟DOM本质是一个对象
    //    3-2- 虚拟DOM最终会通过React转为真实的DOM
    //    3-3- 虚拟DOM的对象属性会与真实DOM一一对应
    //    3-4- 虚拟DOM是轻量级，真实DOM是重量级
    //    3-5- 如何创建虚拟DOM
    //        3-5-1- jsx----->重点
    //        3-5-2- createElement(了解,原理时会用到)
</script>
</html>